<template>
	<div class='icons'>
		<ul>
			<li v-for='(item,index) in dataList' :key='index'>
				<img v-lazy="item.imgUrl" alt="">
				<span>{{item.title}}</span>
			</li>
		</ul>
	</div>
</template>

<script>
export default{
	props:{
		dataList: Array,
	}
}
</script>

<style scoped lang='scss'>
ul {
	display: flex;
	flex-wrap: wrap;
	li{
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: space-around;
		width: 20%;
		img{
			width: 1.333333rem;
			height: 1.333333rem;
		}
		span{
			font-size:0.373333rem;
		}
	}
}

</style>